.container {
  padding-top: 26rpx;
  padding-inline: 28rpx;
  padding-bottom: 20rpx;
  background-color: #f1f3fcaa;
  //blur 效果
  border-radius: 30rpx;
  border: 2rpx solid #f7fafd;
  display: flex;
  flex-direction: row;

  .title {
    font-size: 30rpx;
    color: #000000;
    font-weight: 700;
  }

  .controlBox {
    width: 470rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .songInfo {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;

    .songImage {
      height: 80rpx;
      width: 80rpx;
      margin-right: 30rpx;
    }
  }

  .voiceSliderBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-block: 10rpx;

    .voiceIcon {
      width: 48rpx;
      height: 48rpx;
      flex: 0;
    }

    .voiceValue {
      font-size: 36rpx;
      color: #000;
      font-weight: 700;
    }

    .voiceUnit {
      font-size: 28rpx;
      color: #000;
    }

    .textBox {
      width: 80rpx;
      text-align: right;
    }
  }

  .controlBoxItemWrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-inline: 50rpx;
  }

  .controlBoxCenter {
    // background-image: url('../../../public/noiceImage/center.png');
    // background-size: 78rpx 78rpx;
    // background-position: center center;
    // border: 2rpx solid #000;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    margin: 0 30rpx;
    border-radius: 50rpx;
    background-color: #fff;
    height: 84rpx;
    width: 84rpx;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    .controlBoxItem {
      width: 40rpx;
      height: 40rpx;
    }

    .play {
      width: 48rpx;
      height: 48rpx;
    }
  }

  .controlBoxItem {
    width: 54rpx;
    height: 54rpx;
  }

  .logo {
    position: relative;
    left: 30rpx;
    top: 0;
  }
}
